<template>
	<el-container>
		<el-header class="head">
                <div class="nav-logo">
                    <a href="http://www.jxedt.com">
                        <img src="//img.58cdn.com.cn/dist/jxedt/pc/products/jxregister/images/logo.png?v=20180725" alt="">
                    </a>
                </div>
                     <div class="nav-btn-cluster" >
						<RouterLink :to="{path:'/login/loginForm'}" class="myA">
							<el-button class="nav-button" type="success" style="width: 70px; height:50%">
                             登录
                            </el-button>
						</RouterLink>
                    
						<RouterLink :to="{path:'/login/loginHome'}"class="myA">
							<el-button class="nav-button" type="success" style="width: 70px; height:50%" >
                       		 注册
                    		</el-button>
				 		</RouterLink>
                </div>
		</el-header>
		<el-main class="main">
			 <RouterView>
			 </RouterView>
		</el-main>
	</el-container>
		
</template>

<script lang="js" setup>
import { onMounted } from 'vue';
import { RouterLink, RouterView } from 'vue-router';
import router from '@/router';
onMounted(()=>{
  router.push('/login/loginHome')
})
</script>
<style scoped>
    .head{
		justify-content: space-between;
        align-items: center;
		display: flex;
		flex-direction: row;
		background-color: #FFF;
		width:100%;
		height:15vh;
		min-height: 70px;
	}
	.myA{
		width: 100%;
		height: 100%;
		margin-right: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
	}
	.nav-btn-cluster{
		height: 100%;
		margin-right: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.nav-logo{
		margin-left:100px;
	}
.main{
	height: 85vh;
	display: flex;
	flex-direction: row;
	justify-content: center;
        align-items: center;
		background:   -webkit-gradient(linear,0 0,0 bottom,from(#EBF7FC),to(#FFF));
}
 .card{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
 }
 .card span{
	background-color: #d9779b;
 }
	
	
 
</style>